/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.tabHeader {
	background-color:yellow;
}

/** Button styles for target sentence words*/
.targetSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-style:normal;
   color:#000000;
   white-space: nowrap;
   background-color:#FFFFFF;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.targetSentence-mousehover
{
	text-decoration:underline overline;
	color:#000000;
	background-color:#CCCCCC;
	font-style:normal;
}

.selectedTargetSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-style:normal;
   color:#DD00DD;
   white-space: nowrap;
   background-color:#FFFFFF;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.selectedTargetSentence-mousehover
{
	text-decoration:underline overline;
	font-style:normal;
}

.sourceSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-style:normal;
   color:#000000;
   white-space: nowrap;
   background-color:#FFFFFF;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.sourceSentence-mousehover
{

}

.unlabelSourceSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#fd8c28;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.unlabelSourceSentence-mousehover
{
	text-decoration:underline overline;
	color:#EF00FF;
	background-color:#33EEFF;
}

.labelSourceSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#1a4f68;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.unlabelSourceSentence-mousehover
{
	text-decoration:underline overline;
	color:#EF00FF;
	background-color:#33EEFF;
}

.selectedSourceSentence
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#CC3333;
   border-style:solid;
   border-color:#003377;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.selectedSourceSentence-mousehover
{
	text-decoration:underline overline;
	font-style:normal;
}

/** Beautify flex table **/
.cw-FlexTable {
  border: 1px solid #BBBBBB;
  padding: 3px;
}
.cw-FlexTable td {
  border: 0px solid #BBBBBB;
  padding: 3px;
}

.cw-FlexTable-buttonPanel td {
  border: 0px;
}

/** Decroator Panel **/
.gwt-DecoratorPanel {
}

.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/hborder.png) repeat-x;
}

.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/vborder.png) repeat-y;
}

.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratorPanel .topLeft {
  background: url(images/corner.png) no-repeat 0px 0px;
  -background: url(images/corner_ie6.png) no-repeat 0px 0px;
}

.gwt-DecoratorPanel .topRight {
  background: url(images/corner.png) no-repeat -5px 0px;
  -background: url(images/corner_ie6.png) no-repeat -5px 0px;
}

.gwt-DecoratorPanel .bottomLeft {
  background: url(images/corner.png) no-repeat 0px -5px;
  -background: url(images/corner_ie6.png) no-repeat 0px -5px;
}

.gwt-DecoratorPanel .bottomRight {
  background: url(images/corner.png) no-repeat -5px -5px;
  -background: url(images/corner_ie6.png) no-repeat -5px -5px;
}

html>body .gwt-DecoratorPanel {
}

* html .gwt-DecoratorPanel .topLeftInner,
* html .gwt-DecoratorPanel .topRightInner,
* html .gwt-DecoratorPanel .bottomLeftInner,
* html .gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

/** Title **/
.title-info {
   font-size:21px;
   font-family:Times,sans-serif;
   font-weight:bold;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#1a4f68;
   border-style:solid;
   border-color:#266988;
   border-width:1px;
   text-decoration:none;
   padding : 8px 52px 8px 52px;
   margin: .0em 0em .0em 0em;
}

.title-info-error {
   font-size:21px;
   font-family:Times,sans-serif;
   font-weight:bold;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#fd8c28;
   border-style:solid;
   border-color:#266988;
   border-width:1px;
   text-decoration:none;
   padding : 8px 52px 8px 52px;
   margin: .0em 0em .0em 0em;
}

/** Description panel properties **/
.desc-panel-info {
   background-color:#ffffff;
   border-style:solid;
   border-color:#266988;
   white-space: normal;
   border-width:1px;
   text-decoration:none;
   padding : 4px 52px 8px 52px;
   margin: .0em 0em .0em 0em;
}

.desc-panel-demo {
   background-color:#ffffff;
   border-style:solid;
   border-color:#266988;
   white-space: normal;
   border-width:1px;
   text-decoration:none;
   padding : 4px 0px 8px 0px;
   margin: .0em 0em .0em 0em;
}

pre {
	border-color:#266988;
	border-style:solid;
	border-width:1px;
	padding : 6px 15px 8px 15px;
	background-color:#EEEEEE;
}

.unlabeled-button
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#fd8c28;
   border-style:solid;
   border-color:#ff8e30;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}

.labeled-button
{
   font-size:13px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   font-style:normal;
   color:#FFFFFF;
   white-space: nowrap;
   background-color:#1a4f68;
   border-style:solid;
   border-color:#1f536e;
   border-width:1px;
   text-decoration:none;
   padding : 2px 2px 2px 2px;
   margin: .5em 0em .5em 0em;
}
